<%-- 
    Document   : index
    Created on : 04-mar-2011, 9:41:51
    Author     : wadjakman
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Resources for Simple Site Builder</title>
    <link rel="stylesheet" type="text/css" href="css/core.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript">
      function showLogin()
      {
        $("#loginDiv").fadeIn(function(){ $('#user').focus() });
      }
      
      function login()
      {
        window.forms.login.submit();
      }
      
      function onLoad()
      {
        if (location.hash.match(/.*login.*/) != null)
          showLogin();
      }
      
      $(document).ready(onLoad);
    </script>
  </head>
  <body style="width: 100%">
    <div class="alignCenter fonts">
      <div class="infoBox alignLeft">
        <h3>Resources for Simple Site Builder</h3>
        <p>
          Simple Site Builder es una aplicación para la creación y mantenimiento de
          sitios web sencillos de tal manera que el propietario de la página únicamente 
          tiene que molestarse en mantener la información, dejando al desarrollador y 
          al diseñador la apariencia física de su web.
        </p>
        <br>
        <hr></hr>
        <p>
          <div class="alignLeft width80p centerDiv">
            <div class="simpleOption">
              Si ya eres usuario de Simple Site Builder puedes identificarte aquí con el usuario y contraseña que te suministraron
              <div class="vpad5"><button class="okButton mainButton" onclick="showLogin()">Identifícate</button></div>
              <div id="loginDiv" class="closed fontxs">
                <form name="login" method="POST" action="login.jsp">
                  <div class="width80p" style="display: inline-block;">
                    <div class="col1of2">
                      <label for="user" class="">Usuario</label>
                      <input id="user" name="user" class="fontxs" type="text">
                    </div>
                    <div class="col2of2">
                      <label for="password" class="">Contraseña</label>
                      <input id="password" name="password" class="fontxs" type="password">
                    </div>
                  </div>
                  <div class="" style="display: inline-block;  float: right">
                    <button class="okButton formButton" onclick="login()">Envia</button> 
                  </div>
                </form>
              </div>
              <div style="clear:both;"></div>
            </div>
            <div class="simpleOption">
              Si no eres usuario todavía solicita un nuevo usuario y contraseña aquí
              <div class="center vpad5"><button class="warnButton mainButton">Solicita el alta</button></div>
            </div>
          </div>
        </p>
      </div>
    </div>
  </body>
</html>
